import { reactive } from 'vue'
import { markRaw } from 'vue'
// 引入全部图标
// import * as Icons from "@element-plus/icons"

// 按需引入图标
import {
    ArrowDown,
    Document,
    House,
    Location,
    Lollipop,
    Operation,
    Setting,
    User,
} from "@element-plus/icons-vue"

const dictIcon = reactive({
    'House': markRaw(House),
    'User' : markRaw(User),
    'ArrowDown': markRaw(ArrowDown),
    'Setting': markRaw(Setting),
    'Lollipop' : markRaw(Lollipop),
    'Operation': markRaw(Operation),
    'Location' : markRaw(Location),
    'Document': markRaw(Document),

})

// const installIcon = (app) => {
//     // 便于模板获取
//     app.config.globalProperties.$icon = dictIcon
//     // 使用全部图标
//     // app.config.globalProperties.$icon = Icons
// }

export default dictIcon
